.details {
	.content{
		.image {
			width: 100%;
			height: 375px;
		}
		
		.pro-info {
			background: #fff;
			font-size: 20px;
		}
		
		.pro-details {
			h1 {
				font-size: 16px;
				color: #ff4444;
				font-weight: normal;
				text-align: center;
				height: 42px;
				line-height: 42px;
				border-bottom: 4px solid #ff4444;
			}
		
			.pro-details-list{
				font-size: 0;
			}
		}
		.sku{
			width: 100%;
			height: 100%;
			position: fixed;
			z-index: 999;
			top: 0;
			left: 0;
			.mask{
				width: 100%;
				height: 100%;
				background: #000;
				opacity: 0.6;
				position: absolute;
				z-index: 1;
				top: 0;
				left: 0;
			}
			.sku-container{
				width: 100%;
				height: 75%;
				background: #fff;
				position: absolute;
				z-index: 2;
				bottom: 0;
				left: 0;
				border-top-left-radius: 20px;
				border-top-right-radius: 20px;
				box-sizing: border-box;
				padding: 20px;
				overflow: hidden;
				.sku-header{
					display: flex;
					border-bottom: 1px solid #EAEAEA;
					.sku-thumb-img{
						width: 100px;
						height: 100px;
						border: 2px solid #EAEAEA;
					}
					.sku-title{
						width: 250px;
						height: 120px;
						padding: 5px;
						p{
							font-size: 14px;
							color: #969799;
						}
						.sku-title-price{
							font-size: 22px;
							color: #ee0a24;
						}
					}
					.close{
						font-size: 20px;
						color: #969799;
					}
				}
				.sku-body{
					.sku-item{
						margin: 10px 0;
						.sku-item-title{
							margin-bottom: 10px;
						}
						ul{
							display: flex;
							li{
								min-width: 40px;
								padding: 8px;
								border-radius: 4px;
								background: #f7f8fa;
								color: #323233;
								margin-right: 12px;
								text-align: center;
							}
							.sku-active{
								color: #ee0a24;
								background: pink;
							}
						}
					}
					.button-list{
						width: 100%;
						position: fixed;
						bottom: 0;
						left: 0;
						display: flex;
						border-radius: 30px;
						overflow: hidden;
						button{
							font-size: 16px;
						}
					}
				}
			}
		}
		// 弹窗过渡动画
		.sku-enter,.sku-leave-to{
			top: 100%;
		}
		.sku-enter-active,.sku-leave-active{
			transition: 0.5s;
		}
	}	
}